

<style>
    .plugin-bg {
        padding: 30px;
    }

    .layui-elem-quote {
        margin-bottom: 10px;
        line-height: 1px;
        background-color: white;
        padding: 15px;
        border-left: 5px solid rgb(110, 68, 255);
        border-radius: 0px 2px 2px 0px;
        font-weight: bolder;
        color: black;
    }

    .body-style {
        height: 40px;
        background-color: beige;
        overflow: hidden
    }

    .title-sty {
        font-size: 12px;
    }

    .desc-sty {
        font-size: 10px;
        line-height: 1;
        color: rgb(153, 153, 153);
    }

    .hover-sty {
        background-color: #9788ec30;
        cursor: pointer;
    }

    .layui-icon-close-fill {
        font-size: 20px
    }

    .null-sty {
        font-size: 12px
    }

    /*.plugin-item {*/
    /*background-color: beige;*/
    /*}*/
    .red-font{
        color: red;
    }

    .image-shade {
        border:3px solid #52C41A;
        /*box-sizing: border-box;*/
    }

</style>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div id="pay_form" >
            <div style="text-align: center;margin-top: 90px;">
                <i class="layui-icon layui-circle"
                   style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;" >&#xe679;</i>
                <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;">
                    当前天数：{$days|default=0}
                </div>
                <div style="font-size: 15px;color: #333;font-weight: 500;margin-top: 30px;">
                    当前余额：{$price|default=0}元 <button type="button" class="layui-btn layui-btn-xs layui-btn-normal go-recharge">去充值</button>
                </div>
                <div style="font-size: 14px;color: #666;margin-top: 20px;" >续费金额将从余额扣除，如果余额不足，请您及时充值，谢谢！</div>
            </div>
            <div class=" plugin-bg">
                <div class="layui-row layui-col-space15">
                    <blockquote class="layui-elem-quote">
                        应用续费 - <span class="desc-sty">&nbsp&nbsp套餐选择</span>
                    </blockquote>
                    <div id="plugin_list" class="layui-row layui-col-space25">


                        {volist name="list" id="data"}
                        <div class="layui-col-md4 layui-col-xs4 plugin-item"  data-id="{$data.id}">
                            <div class="layui-card">
                                <div class="layui-card-body  body-style">
                                    <div class="layui-row">
                                        <div class="layui-col-md12 layui-col-xs12">
                                            <!--图标-->
                                            <h3>{$data.price}元<span class="title-sty">/ {$data.days == 0? '永久': $data.days . '天'}</span></h3>
                                            <!--插件描述-->
                                            <div class="desc-sty">{$data.name}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/volist}

                    </div>
                </div>
            </div>
            <form id="app-form" class="layui-form layuimini-form" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">安全密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="password" class="layui-input" lay-verify="required" maxlength="6" onkeyup="value=value.replace(/[^\d\.]/g,'')" placeholder="请输入账户6位安全密码" >
                    </div>
                </div>
                <input type="hidden" name="id" id="term_id" class="layui-input" lay-verify="required" placeholder="请选择套餐" >
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>
                            &emsp;确认支付&emsp;
                        </button>
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>
